<template>
<div>
    <div class="tab">
        <bf-breadcrumb separator=">">
            <bf-breadcrumbItem to="/">首页</bf-breadcrumbItem>
            <bf-breadcrumbItem><a href="http://www.w3school.com.cn">活动管理</a></bf-breadcrumbItem>
            <bf-breadcrumbItem>活动列表</bf-breadcrumbItem>
            <bf-breadcrumbItem>活动详情</bf-breadcrumbItem>
        </bf-breadcrumb>
    </div>
    <div class="tab">
        <bf-breadcrumb separator-class="linkSimpleBreak">
            <bf-breadcrumbItem to="/">首页</bf-breadcrumbItem>
            <bf-breadcrumbItem><a href="http://www.w3school.com.cn">活动管理</a></bf-breadcrumbItem>
            <bf-breadcrumbItem>活动列表</bf-breadcrumbItem>
            <bf-breadcrumbItem>活动详情</bf-breadcrumbItem>
            
        </bf-breadcrumb>
    </div>
    <div class="tab">
        <bf-breadcrumb >
            <bf-breadcrumbItem to="/">首页</bf-breadcrumbItem>
            <bf-breadcrumbItem><bf-icon name="loading"></bf-icon><a href="http://www.w3school.com.cn">活动管理</a></bf-breadcrumbItem>
            <bf-breadcrumbItem>活动列表</bf-breadcrumbItem>
            <bf-breadcrumbItem>活动详情</bf-breadcrumbItem>
        </bf-breadcrumb>
    </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.tab{
   padding: 24px;
}
</style>